<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<title>GSN</title>
	
	<link rel="stylesheet" href="style/gsn.css" type="text/css" media="screen,projection" />
	<script type="text/javascript" src="js/jquery-latest.pack.js"></script>
	<script type="text/javascript" src="js/jquery-dom.js"></script>
	<script type="text/javascript" src="js/jquery.history.js"></script>
	<script type="text/javascript" src="js/jquery-tooltip.js"></script>
		
	<script type="text/javascript" src="js/constants.js"></script>
	<script type="text/javascript" src="js/functions.js"></script>
	
	<script type="text/javascript" src="js/gsn.js"></script>
<script type="text/javascript">
<!--//<![CDATA[
$(document).ready(function() {
	//bind every buttons to javascript functionality (only once)
	$("#refreshall_timeout").bind("change",GSN.updateallchange);
	$("#refreshall").bind("click",GSN.updateall);
	$("#closeall").bind("click",GSN.closeall);
	//$("#toggleallmarkers").bind("click",GSN.map.toggleAllMarkers);
	
	$("#navigation ul a.local").bind("click",function() { return GSN.nav($(this).text()); });
		
	//load the requested page
	$.historyInit(GSN.load);
	
	$("#refreshall_autozoomandcenter").bind("click",function() { 
		if ($("#refreshall_autozoomandcenter").attr("checked")) {
			GSN.map.userchange();
			GSN.map.autozoomandcenter();
		}
	});
    $.get('/menu.jsp', {selected: "index"}, function(data) {
        $('#navigation').html(data);
    });
});	
//]]>-->
</script>
</head>
<body>

<div id="container">
	<div id="header">
		<h1><a href="." id="gsn-name">GSN</a></h1>
	</div>
	<div id="navigation" style="text-align:right;">
    </div>
	<div id="main">
		<noscript><p class="error">Your browser doesn't appear to support JavaScript. This is most likely because you're using a text-based or otherwise non-graphical browser. Sadly, GSN require javascript in order to work properly. If you want to access directly the data, you can use the api at <a href="http://localhost:22001/gsn">http://localhost:22001/gsn</a>.</p></noscript>
		
		<div id="control">
		  <iframe name="webupload" style="border:0;height:0;width:0;"></iframe>
		  <div id="msg">Welcome to Global Sensor Networks. The first ten sensors are displayed by default, but you can easily close them with the <em>close all</em> button. By clicking on a virtual sensors on the left sidebar, it will bring it to the top of the list.</div>
		  <p>Auto-refresh every : 
			<select id="refreshall_timeout" >
			<option value="3600000">1hour</option>
			<option value="600000">10min</option>
			<option value="60000" selected="selected">1min</option> 
			<option value="30000">30sec</option> 
			<option value="5000">5sec</option> 
			<option value="1000">1sec</option> 
			<option value="0">disable</option> 
			</select>
			<input id="refreshall" type="button" value="refresh" />
			<input id="closeall" type="button" value="close all" />
			<span class="refreshing"><img src="style/ajax-loader.gif" alt="loading" title="" /></span>
		  </p>
		</div>
		
		<div id="homediv">
			<div id="vs">
				<div class="loading">Virtual sensors are currently loading...</div>
			</div>		
		</div>

	</div>
	<div id="sidebar">
		<h3>Description</h3>
		<p id="gsn-desc">none</p>
		<h3>Author</h3>
		<p id="gsn-author">none</p>
		<h3>Virtual sensors</h3>
        <ul id="vsmenu">
         <li><a href="#">not loaded</a></li>
        </ul>
        <p><input class="hidden" id="toggleallmarkers" type="button" value="Show/hide all markers" /></p>
	</div>
	<div id="footer">
		<p>Powered by <a href="http://globalsn.sourceforge.net/">GSN</a>,  Distributed Information Systems Lab, EPFL 2013</p>
		<p>
		    <a href="http://validator.w3.org/check?uri=referer"><img src="./img/html_valid.bmp"/></a>
		    <a href="http://jigsaw.w3.org/css-validator/check?uri=referer"><img src="./img/css_valid.bmp"/></a>
	  </p>
	</div>
</div>
</body>
</html>
